<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link type="text/css" rel="stylesheet" href="../css/mui.css" />
		<link type="text/css" rel="stylesheet" href="../css/jingdongka.css" />
		<link type="text/css" rel="stylesheet" href="../css/iconfont.css" />
		<script src="../js/mui.js"></script>
		<title></title>
	</head>
	<body>
		<header style="background: #005aab;" class="mui-bar mui-bar-nav head">
			<span class="mui-icon mui-icon-back"></span>
			<h1 style="color: #FFFFFF; letter-spacing: 4px;" class="mui-title">京东卡兑换</h1>
			<span class="mui-icon mui-icon-more"></span>
		</header>
		<div class="mui-content">
			<div class="contains_one">
				<div class="contains_one_img">
					<img src="../img/jingdong.png" /><br />
					<!--<span>京东卡经典卡50面值（电子卡）</span>-->
				</div>
				<span class="spt1">50积分</span>
				<span id="dianji" style="background: #ff6600; color: #FFFFFF;font-size: 8px; border-radius: 2px;">立即兑换</span>
			</div>
			<div class="contains_one">
				<div class="contains_one_img">
					<img src="../img/jingdong.png" />
					<!--<span>京东卡经典卡50面值（电子卡）</span>-->
				</div>
				<span class="spt1">50积分</span>
				<span style="background: #ff6600; color: #FFFFFF;font-size: 8px; border-radius: 2px;">立即兑换</span>
			</div>
			<div class="contains_one">
				<div class="contains_one_img">
					<img src="../img/jingdong.png" /><br />
					<!--<span>京东卡经典卡50面值（电子卡）</span>-->
				</div>
				<span class="spt1">50积分</span>
				<span style="background: #ff6600; color: #FFFFFF;font-size: 8px; border-radius: 2px;">立即兑换</span>
			</div>
			<div class="contains_one">
				<div class="contains_one_img">
					<img src="../img/jingdong.png" /><br />
					<!--<span>京东卡经典卡50面值（电子卡）</span>-->
				</div>
				<span class="spt1">50积分</span>
				<span style="background: #ff6600; color: #FFFFFF;font-size: 8px; border-radius: 2px;">立即兑换</span>
			</div>
			<div class="contains_one">
				<div class="contains_one_img">
					<img src="../img/jingdong.png" /><br />
					<!--<span>京东卡经典卡50面值（电子卡）</span>-->
				</div>
				<span class="spt1">50积分</span>
				<span style="background: #ff6600; color: #FFFFFF;font-size: 8px; border-radius: 2px;">立即兑换</span>
			</div>
			<div class="contains_one">
				<div class="contains_one_img">
					<img src="../img/jingdong.png" /><br />
					<!--<span>京东卡经典卡50面值（电子卡）</span>-->
				</div>
				<span class="spt1">50积分</span>
				<span style="background: #ff6600; color: #FFFFFF;font-size: 8px; border-radius: 2px;">立即兑换</span>
			</div>
			<div class="contains_one">
				<div class="contains_one_img">
					<img src="../img/jingdong.png" /><br />
					<!--<span>京东卡经典卡50面值（电子卡）</span>-->
				</div>
				<span class="spt1">50积分</span>
				<span style="background: #ff6600; color: #FFFFFF;font-size: 8px; border-radius: 2px;">立即兑换</span>
			</div>
			<div class="contains_one">
				<div class="contains_one_img">
					<img src="../img/jingdong.png" /><br />
					<!--<span>京东卡经典卡50面值（电子卡）</span>-->
				</div>
				<span class="spt1">50积分</span>
				<span style="background: #ff6600; color: #FFFFFF;font-size: 8px; border-radius: 2px;">立即兑换</span>
			</div>
			<div class="contains_one">
				<div class="contains_one_img">
					<img src="../img/jingdong.png" /><br />
					<!--<span>京东卡经典卡50面值（电子卡）</span>-->
				</div>
				<span class="spt1">50积分</span>
				<span style="background: #ff6600; color: #FFFFFF;font-size: 8px; border-radius: 2px;">立即兑换</span>
			</div>
			<div class="contains_one">
				<div class="contains_one_img">
					<img src="../img/jingdong.png" /><br />
					<!--<span>京东卡经典卡50面值（电子卡）</span>-->
				</div>
				<span class="spt1">50积分</span>
				<span style="background: #ff6600; color: #FFFFFF;font-size: 8px; border-radius: 2px;">立即兑换</span>
			</div>
			<div class="contains_one">
				<div class="contains_one_img">
					<img src="../img/jingdong.png" /><br />
					<!--<span>京东卡经典卡50面值（电子卡）</span>-->
				</div>
				<span class="spt1">50积分</span>
				<span style="background: #ff6600; color: #FFFFFF;font-size: 8px; border-radius: 2px;">立即兑换</span>
			</div>
			<div class="contains_one">
				<div class="contains_one_img">
					<img src="../img/jingdong.png" /><br />
					<!--<span>京东卡经典卡50面值（电子卡）</span>-->
				</div>
				<span class="spt1">50积分</span>
				<span style="background: #ff6600; color: #FFFFFF;font-size: 8px; border-radius: 2px;">立即兑换</span>
			</div>
			
		</div>
	</body>
	<script>
		mui.init();
	</script>
	<script>
		var numbers=150;
		document.getElementById("dianji").addEventListener('tap',function(){
			var this_number=this.parentNode.childNodes.item(3).innerHTML.split("积分").join("");
//			alert(this_number);
			var btnArray = ['确定', '取消'];
			    mui.confirm('确认兑换？', '温馨提示', btnArray, function(e)
			    {
			        if (e.index == 1)
			        {} 
			        else 
			        {
						if(this_number>numbers){
			            	mui.alert("恭喜！兑换成功,赶紧去使用吧！");
			            }else{
			            	mui.alert("对不起，积分不足，兑换失败!");
			            }
			        }
			    })
		})
	</script>
</html>
